<!DOCTYPE html>
<html lang="cn">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="nav-active" value="nav-name-home">
        <title>桂北程序员 - 成就IT黑马 | IT培训</title>


        <link rel="stylesheet" href="/css/home.css">
        <link rel="stylesheet" href="/css/component/nav.css">
        <link rel="stylesheet" href="/css/bootstrap/bootstrap.css">
        <link rel="stylesheet" href="/css/bootstrap/bootstrap-icons-1.11.3/font/bootstrap-icons.min.css">
    </head>
    <body>
        <div class="root">
            <div>
                <div class="home-carousel-background">
                    <div class="upper">
                        <div class="container py-1 d-none d-md-block">
                            <div class="dropright">
                                <div class="body" data-toggle="dropdown" >
                                    <span class="name">Java</span>
                                    <div class="d-flex">
                                        <a>JavaSE</a>
                                        <a>SpringBoot</a>
                                        <a>SpringMVC</a>
                                    </div>
                                </div>

                                <div class="dropdown-menu m-0">
                                    <div class="drop-pane">
                                        <p>Java</p>
                                        <div>
                                            <a href="#">Spring4</a>
                                            <a href="#">Struts2</a>
                                            <a href="#">Hibernate</a>
                                            <a href="#">SpringMVC</a>
                                            <a href="#">SSSP整合</a>
                                            <a href="#">SSM高级整合</a>
                                            <a href="#">SSHCRUD</a>
                                            <a href="#">SpringData</a>
                                            <a href="#">Shiro</a>
                                            <a href="#">Redis</a>
                                            <a href="#">MyBatis</a>
                                            <a href="#">Spring注解</a>
                                            <a href="#">SpringBoot</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dropright">
                                <div class="body" data-toggle="dropdown" >
                                    <span class="name">ICT</span>
                                    <div class="d-flex">
                                        <a>openEuler</a>
                                        <a>Mindspore</a>
                                        <a>Kunpeng迁移</a>
                                    </div>
                                </div>

                                <div class="dropdown-menu mx-0">
                                    <div class="drop-pane">
                                        <p>ICT</p>
                                        <div>
                                            <a href="#">HCIA-openEuler</a>
                                            <a href="#">HCIA-openGuass</a>
                                            <a href="#">HCIA-AI</a>
                                            <a href="#">HCIA-BigData</a>
                                            <a href="#">HCIA-Kunpeng Development</a>
                                            <a href="#">HCIA-CloudServer</a>
                                            <a href="#">HCIA-CloudComputed</a>
                                        </div>
                                        <br>
                                        <p>进阶</p>
                                        <div>
                                            <a href="#">HCIP-AI</a>
                                            <a href="#">HCIP-openEuler</a>
                                            <a href="#">HCIP-openGauss</a>
                                            <a href="#">HCIP-CloudServer</a>
                                            <a href="#">HCIP-CloudComputed</a>
                                            <a href="#">HCIP-Kunpeng Development</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dropright">
                                <div class="body" data-toggle="dropdown">
                                    <span class="name">H5前端</span>
                                    <div class="d-flex">
                                        <a>HTML+CSS</a>
                                        <a>NodeJS</a>
                                        <a>VUE3</a>
                                    </div>
                                </div>

                                <div class="dropdown-menu mx-0">
                                    <div class="drop-pane">
                                        <p>前端基础</p>
                                        <div>
                                            <a href="#">HTML+CSS</a>
                                            <a href="#">CSS2.1</a>
                                            <a href="#">CSS3</a>
                                            <a href="#">HTML5核心</a>
                                            <a href="#">HTML5实战</a>
                                            <a href="#">JavaScript</a>
                                            <a href="#">Ajax</a>
                                            <a href="#">DOM</a>
                                            <a href="#">jQuery</a>
                                        </div>
                                        <br>
                                        <p>前端进阶</p>
                                        <div>
                                            <a href="#">Less</a>
                                            <a href="#">Bootstrap</a>
                                            <a href="#">NodeJS</a>
                                            <a href="#">MongoDB</a>
                                            <a href="#">AngularJS</a>
                                            <a href="#">ECMAScript</a>
                                            <a href="#">JS模块化规范解读</a>
                                            <a href="#">React</a>
                                            <a href="#">Vue</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dropright">
                                <div class="body" data-toggle="dropdown">
                                    <span class="name">数据库</span>
                                    <div class="d-flex">
                                        <a>openGauss</a>
                                        <a>MYSQL</a>
                                        <a>Redis</a>
                                    </div>
                                </div>

                                <div class="dropdown-menu mx-0">
                                    <div class="drop-pane">
                                        <p>数据库</p>
                                        <div>
                                            <a href="#">Oracle（SQL，PL\SQL）</a>
                                            <a href="#">MySQL</a>
                                            <a href="#">MySQL高级</a>
                                            <a href="#">Postgresql</a>
                                            <a href="#">openGauss</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="home-carousel" class="carousel slide" style="height: 400px;" data-ride="carousel">
                        <div class="carousel-indicators">
                            <li data-target="#home-carousel" data-slide-to="0" class="active"></li>
                            <li data-target="#home-carousel" data-slide-to="1"></li>
                            <li data-target="#home-carousel" data-slide-to="2"></li>
                        </div>


                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <a href="#" class="d-block">
                                    <img src="/statics/images/slide/home-slide-0.jpg" />
                                </a>
                            </div>
                            <div class="carousel-item">
                                <a href="" class="d-block"> 
                                    <img src="/statics/images/slide/home-slide-1.jpg" />
                                </a>
                            </div>
                            <div class="carousel-item">
                                <a href="" class="d-block">
                                    <img src="/statics/images/slide/home-slide-2.jpg" />
                                </a>
                            </div>
                        </div>


                        <div class="carousel-control-next" data-target="#home-carousel" data-slide="next">
                            <span class="carousel-control-next-icon"></span>
                        </div>

                        <div class="carousel-control-prev" data-target="#home-carousel" data-slide="prev">
                            <span class="carousel-control-prev-icon"></span>
                        </div>
                    </div>        
                </div>
            </div>


            <div class="home-courses container">
                <div class="list hot">
                    <div class="header">
                        <span>热门课程</span>
                        <span class="px-3" style="font-size: 12px">/</span>
                        <a href="">全部课程</a>
                    </div>
                    <div id="m-c-hot" class="row">
                        
                    </div>
                </div>
                <div class="list">
                    <div class="header">
                        <span>Java</span>
                        <span class="px-3" style="font-size: 12px">/</span>
                        <a href="">学习路线</a>
                    </div>
                    <div class="row">
                        <div class="col-lg-3 d-none d-sm-none d-lg-block">
                            <a href="#" class="course-l" >
                                <img src="/statics/upload/items/course-java/java.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="col-lg-9">
                            <div class="row" id="m-c-java">
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="list">
                    <div class="header">
                        <span>ICT</span>
                        <span class="px-3" style="font-size: 12px">/</span>
                        <a href="">I.C.The Future</a>
                    </div>
                    <div class="row">
                        <div class="col-lg-3 d-none d-sm-none d-md-none d-lg-block">
                            <a href="#" class="course-l" >
                                <img src="/statics/upload/items/course-ict/ict.jpg" alt="" srcset="">
                            </a>
                        </div>
                        <div class="col-lg-9">
                            <div id="m-c-ict" class="row">
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="margin-top: 54px;">
                <div class="footer-bar">
                    <h2 class="text-center">加入桂北程序员</h2>
                    <p class="text-center">打造一站式IT解决方案展示和互动平台，助力教育发展，欢迎你的加入</p>
                    <div class="d-flex justify-content-center">
                        <button class="btn btn-dark btn-pill mx-2">立即注册</button>
                        <button class="btn btn-light btn-pill mx-2">前往登录</button>
                    </div>
                </div>
                <div class="footer-wrapper">
                    <div class="container">
                        <div class="row d-none d-sm-none d-md-flex">
                            <div class="col-2 list">
                                <span>关于桂北</span>
                                <a href="">桂电北海概述</a>
                            </div>
                            <div class="col-2 list">
                                <span>新闻与活动</span>
                                <a href="">新闻概述</a>
                                <a href="">学院活动</a>
                            </div>
                            <div class="col-2 list">
                                <span>交流与资讯</span>
                                <a href="">学院论坛</a>
                                <a href="">技术干货</a>
                            </div>
                            <div class="col-2 list">
                                <span>支持与服务</span>
                                <a href="">文档</a>
                                <a href="">鲲鹏小智</a>
                                <a href="">技术工单</a>
                            </div>
                        </div>

                        <div class="footer-link">
                            <div class="links">
                                <span>友情链接</span>
                                <a href="#">桂林电子科技大学</a>
                                <a href="#">桂北云</a>
                                <a href="#">华为计算</a>
                            </div>
                            <div class="logo d-none d-sm-none d-md-flex">
                                <span>希望一天可以睡25小时</span>
                                <img src="/statics/images/footer/sleep.png" alt="">
                            </div>
                        </div>
                        <hr color="white">
                        <div class="footer-rc">
                            <div class="d-block d-sm-flex">
                                <span>版权所有 © 希望一天可以睡25小时 - 桂北云提供计算服务</span>
                                <div class="ml-auto ledge d-none d-sm-none d-md-block">
                                    <a href="">法律声明</a>
                                    <a href="">隐私协议</a>
                                    <a href="">用户协议</a>
                                    <a href="">联系我们</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    
                </div>
                
            </div>

        </div>


    
    </body>

    <script src="/js/jquery-3.7.1.min.js"></script>
    <script src="/js/bootstrap/bootstrap.bundle.min.js"></script>
    <script type="module" src="/js/main-nav.js"></script>
    <script type="module" src="/js/main.js"></script>


</html>